<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich">

	<h:form id="formDetallePedido">
		
		<div align="center">
		 <h:panelGroup>
         <h:outputText value="C&oacute;digo del pedido [ #{pedidosBean.pedidoSelected.id} ]" id="mensajePedido" styleClass="txtMsgRojo"/>
        </h:panelGroup>
        </div>
        
		<h:panelGrid columns="2" border="0" id="ctlFilter"
				cellpadding="0" cellspacing="0" width="100%">
				<h:panelGroup>
				<h:panelGrid columns="2">
					<h:panelGroup><h:outputText value="Fecha del pedido:" styleClass="txtUnoVin" /> </h:panelGroup>
					<h:panelGroup><h:outputText  disabled="true" size="30"  style=" width : 174px; height : 22px;"  value="#{pedidosBean.pedidoSelected.fechaPedido}"/> </h:panelGroup>
				</h:panelGrid>				
				</h:panelGroup>
				<h:panelGroup>
				<h:panelGrid columns="2">
					<h:panelGroup><h:outputText value="C&oacute;digo:" styleClass="txtUnoVin" /> </h:panelGroup>
					<h:panelGroup><h:outputText  disabled="true" size="30"  style="width:168px;"  value="#{pedidosBean.pedidoSelected.codigo}"/> </h:panelGroup>
				</h:panelGrid>					
				</h:panelGroup>
				<h:panelGroup>
					<h:panelGrid columns="2">
					<h:panelGroup><h:outputText value="Empresa:" styleClass="txtUnoVin" /> </h:panelGroup>
					<h:panelGroup><h:outputText  disabled="true" size="30"  style="width:168px;"  value="#{pedidosBean.pedidoSelected.empresa}"/> </h:panelGroup>
				</h:panelGrid>		
				</h:panelGroup>
				<h:panelGroup>
					<h:panelGrid columns="2">
					<h:panelGroup><h:outputText value="Sucursal:" styleClass="txtUnoVin" /> </h:panelGroup>
					<h:panelGroup><h:outputText  disabled="true" size="30"  style="width:168px;"  value="#{pedidosBean.pedidoSelected.sucursal}"/> </h:panelGroup>
				</h:panelGrid>
				</h:panelGroup>
				<h:panelGroup>
					<h:panelGrid columns="2">
					<h:panelGroup><h:outputText value="Digit&oacute;:" styleClass="txtUnoVin" /> </h:panelGroup>
					<h:panelGroup><h:outputText  disabled="true" size="30"  style="width:168px;"  value="#{pedidosBean.tmpEstadosPedido['D']}"/> </h:panelGroup>
				</h:panelGrid>
				</h:panelGroup>
				<h:panelGroup>
					<h:panelGrid columns="2">
					<h:panelGroup><h:outputText value="Tramit&oacute;:" styleClass="txtUnoVin" /> </h:panelGroup>
					<h:panelGroup><h:outputText  disabled="true" size="30"  style="width:168px;"  value="#{pedidosBean.tmpEstadosPedido['T']}"/> </h:panelGroup>
				</h:panelGrid>
				</h:panelGroup>
				<h:panelGroup>
					<h:panelGrid columns="2">
					<h:panelGroup><h:outputText value="Autoriz&oacute;:" styleClass="txtUnoVin" /> </h:panelGroup>
					<h:panelGroup><h:outputText  disabled="true" size="30"  style="width:168px;"  value="#{pedidosBean.tmpEstadosPedido['A']}"/> </h:panelGroup>
				</h:panelGrid>				
				</h:panelGroup>
				<h:panelGroup>
					<h:panelGrid columns="2">
					<h:panelGroup><h:outputText value="Despach&oacute;:" styleClass="txtUnoVin" /> </h:panelGroup>
					<h:panelGroup><h:outputText disabled="true" size="30"  style="width:168px;"  value="#{pedidosBean.tmpEstadosPedido['P']}"/> </h:panelGroup>
				</h:panelGrid>				
				</h:panelGroup>
				<h:panelGroup>
					<h:panelGrid columns="2">
					<h:panelGroup><h:outputText value="Recibi&oacute;:" styleClass="txtUnoVin" /> </h:panelGroup>
					<h:panelGroup><h:outputText disabled="true" size="30"  style="width:168px;"  value="#{pedidosBean.tmpEstadosPedido['R']}"/> </h:panelGroup>
				</h:panelGrid>				
				</h:panelGroup>	
				<h:panelGroup>
					<h:panelGrid columns="2">
					<h:panelGroup><h:outputText value="Anul&oacute;:" styleClass="txtUnoVin" /> </h:panelGroup>
					<h:panelGroup><h:outputText disabled="true" size="30"  style="width:168px;"  value="#{pedidosBean.tmpEstadosPedido['C']}"/> </h:panelGroup>
				</h:panelGrid>				
				</h:panelGroup>	
				</h:panelGrid>
		


  <h:panelGroup >
  
		<h:panelGroup>
		  <h:outputText value="#{pedidosBean.observacionPedidoSelected}" styleClass="txtUnoVin" id="obsView"/>
		</h:panelGroup>
		
		<br /><br />
  
		<div class="subSec">
			<h:outputText
				value="Listado de productos" />
		</div>

		<rich:dataTable id="tablaResultPedidos"
			cellspacing="1" cellpadding="1" border="0" width="95%"
			styleClass="tablas" rowClasses="impar,par" style="width:99%" 
			value="#{pedidosBean.pedidoDetalle}" var="fila"
			rowKeyVar="varkey" rows="5">

			<rich:column rowspan="1" style="width:10%">
				<f:facet name="header">
					<h:outputText value="Serial"
						escape="false" />
				</f:facet>
				<h:outputText value="#{fila['ID']}" />
			</rich:column>

			<rich:column rowspan="1" style="width:20%">
				<f:facet name="header">
					<h:outputText
						value="Producto"
						escape="false" />
				</f:facet>
				<div class="elipsisHeaderProductosModal">
				<h:outputText value="#{fila['NOMBRE']}" />
				</div>
			</rich:column>
			<rich:column rowspan="1" style="width:20%">
				<f:facet name="header">
					<h:outputText
						value="Precio Unitario (incluye IVA)"
						escape="false" />
				</f:facet>
				<h:outputText value="$ #{fila['PRECIO_UNITARIO']}" />
			</rich:column>

			<rich:column rowspan="1" style="width:15%">
				<f:facet name="header">
					<h:outputText
						value="Cantidad Solicitada" />
				</f:facet>
				<h:outputText value="#{fila['CANTIDAD']}" />
			</rich:column>
			
			<rich:column rowspan="1" style="width:15%">
				<f:facet name="header">
					<h:outputText
						value="Valor Total (Incluye IVA)" />
				</f:facet>
				<h:outputText value="$ #{fila['VALOR_TOTAL']}" />
			</rich:column>
			
			<f:facet name="footer">
                  <h:outputText styleClass="txtUnoVin"  value="VALOR TOTAL = $  #{pedidosBean.pedidoSelected.valorTotal}"/>
                </f:facet>

		</rich:dataTable>
		<br />
		
		<div align="center">
		<rich:dataScroller  id="scrollPedidos" for="tablaResultPedidos"/>
		
		<h:outputText value="(*) LOS DATOS LISTADOS EN ESTE PEDIDO CORRESPONDEN A UN PEDIDO CANCELADO " styleClass="txtUnoVin"  rendered="#{pedidosBean.tmpEstadosPedido['C'] != null}"/>
		</div>
		
		</h:panelGroup>

	</h:form>


</ui:composition>
